<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Index</title>
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/index.css">
  <style>
  </style>
</head>

<body>

  <!-- header start -->
  <header>
    <div class="top">
      <h1 class="logo"><img src="../img/logo_w.png" alt=""></h1>
      <div class="top_right" style="display: flex;">
        <em class="login a">登录</em>
        <em class="register b">注册</em>
      </div>

    </div>
  </header>

  <!-- nav start -->
  <nav>
    <ul>
      <li><a href="./index.html" class="current">首&nbsp;&nbsp;页</a></li>
      <li><a href="./introduce.html">店铺介绍</a></li>
      <li><a href="./news.html">宠物资讯</a></li>
      <li><a href="./product.html">宠物产品</a></li>
      <li><a href="./message.html">客户留言</a></li>
    </ul>
  </nav>

  <!-- banner start -->
  <div class="banner">
    <div class="imgbox">
    </div>
    <div class="btns">
      <input type="button" value="<" class="left">
      <input type="button" value=">" class="right">
    </div>
  </div>

  <!-- main start -->
  <main>
    <div class="knowledge">
      <h2>THIS IS OUR PET KNOWLEDGE</h2>
      <div class="title">养宠知识</div>
      <p>我们是关爱动物的团队，我们也致力于了解和动物有关的一切有意义的事情。</p>
      <p>Team we are loving animals,we are committed to understanding and animals all meaningflul things.</p>
      <div class="pic">
        <img src="../img/02.jpg" alt="">
        <div class="right">
          <div class="top">
            <div class="jinmao"><img src="../img/04.jpg.png" alt=""></div>
            <div class="txt">
              <h5>金毛犬什么时候需要做足部护理</h5>
              <div class="line"></div>
              <span>铲屎官们都应该养成定期的给金毛犬做个全身检查的习惯，可是我们无论多么小心，狗狗的脚都会受到伤害，家长们看到后都很伤心……</span>
              <a href="#">阅读更多</a>
            </div>
          </div>
          <div class="top">
            <div class="jinmao"><img src="../img/03.jpg" alt=""></div>
            <div class="txt">
              <h5>德国牧羊犬中毒了该怎么办</h5>
              <div class="line"></div>
              <span>狗狗爱乱叼东西吃，有时候吃到不该吃的时候就会中毒，德国牧羊犬吃多了巧克力，洋葱等都会引起狗狗中毒。一般都是急性发作，往往很难迅速查出中毒原因……</span>
              <a href="#">阅读更多</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="project">
      <h2>THIS IS OUR PET PRODUCTS</h2>
      <div class="title">宠物产品</div>
      <p>我们非常乐意为您的宠物提供相应的健康产品</p>
      <p>we'd like that very much for your pet to provide the corresponding health products.</p>
      <div class="pet_pic">
        <a href="./product.html"><img src="../img/05.png" alt="" title="食品"></a>
        <a href="./product.html"><img src="../img/06.png" alt="" title="美容"></a>
        <a href="./product.html"><img src="../img/07.png" alt="" title="清洁"></a>
        <a href="./product.html"><img src="../img/08.png" alt="" title="玩具"></a>
        <a href="./product.html"><img src="../img/09.png" alt="" title="服饰"></a>
        <a href="./product.html"><img src="../img/10.png" alt="" title="训导"></a>
      </div>
    </div>
    <div class="benefit">
      <h2>THIS IS OUR PET ADVANTAGES</h2>
      <div class="title">我们的优势</div>
      <p>我们非常乐意为您的宠物提供相应的健康产品</p>
      <p>we'd like that very much for your pet to provide the corresponding health products.</p>
      <div class="tt">
        <div class="content">
          <div class="iconfont icon-shouye"></div>
          <p>纯种保障</p>
          <span></span>
          <p>旗下宠物皆为纯正血统，经AKC、CKU、FCI官方认证，每只狗狗都接受过全方面检查，皆附有健康证书</p>
        </div>
        <div class="content">
          <div class="iconfont icon-shouye3"></div>
          <p>疫苗接种</p>
          <span></span>
          <p>旗下每只宠物均接受过疫苗注射，买家可放心购买，不必在购买后受各种问题困扰</p>
        </div>
        <div class="content">
          <div class="iconfont icon-shouye1"></div>
          <p>专业饲养员</p>
          <span></span>
          <p>我们的员工均为宠物行业的专业人才，对于每只小宠，我们都会给予百分百的照顾</p>
        </div>
        <div class="content">
          <div class="iconfont icon-shouye2"></div>
          <p>售后服务</p>
          <span></span>
          <p>对于每个客户，我们都会提供全方面的服务，在宠物问题上我们第一时间解决你的烦恼</p>
        </div>
      </div>
    </div>

  </main>


  <!-- footer start -->
  <footer>
    <div class="footerbg">
      <div class="f-top">
        <ul>
          <li>首页</li>
          <li>店铺介绍</li>
          <li>宠物资讯</li>
          <li>宠物产品</li>
          <li>客户留言</li>
        </ul>
      </div>
      <div class="f-mid">
        <p>Copyright©2002-2015 上海XXX科技有限公司 版权所有 Power by DedeCms</p>
      </div>
      <div class="f-bottom">
        <p>电话：0755-61881808</p>
        <p>邮箱：483957329@qq.com</p>
        <p>地址：上海第二工业大学（宝山校区）</p>
      </div>
    </div>
  </footer>
</body>
<script src="../js/module/bannerMove.js" type="module"></script>
<script src="../js/module/lazyLoad/a.js" type="module"></script>

</html>